/* Takhle se dělá více řádkový 

komentář

komentář
 */
h1 {
    background-color: black;
    color: white;
}
h2 {
    background-color: lightskyblue;
}
h3 {
    color: lightcoral;
}
table {
            border-collapse: collapse;
            width: 100%;
}
th, td {
            border: 1px solid black;
            padding: 8px;
            text-align: center;
            width: 8%;
}
th, tr:nth-child(odd)  {
            background-color: #BBBBBB;
}
head, body {
            font-family: Arial, sans-serif;
}

body {
        display: grid;
        grid-template-columns: auto 120px;
}

header, nav, section, footer {
        border: 2px solid red;
}

header {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
}
nav {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 3;
}
section {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 3;
}
footer {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 4;
}
nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    padding: 10px;
}

nav a {
    color: #ff0000;
    text-decoration: none;
    font-weight: bold;
    padding: 8px 14px;
    border: 1px solid #ff0000;
    border-radius: 6px;
    transition: 0.3s;
    width: 80px;
}

nav a:hover {
    background-color: #ff000071;
    color: white;
}
nav a:active {
        background-color: #ff0000;
        transition: 0s;
}
body {
        display: grid;
        grid-template-columns: auto 120px;
}

header, nav, section, footer {
        border: 2px solid red;
}

header {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
}
nav {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 3;
}
section {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 3;
}
footer {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 3;
        grid-row-end: 4;
}

}